// 封装一个函数 来渲染message组件
// Message({ type:'error',text:'登录失败' })

import { createVNode, render } from 'vue'
import Message_ from './index.vue'

function Message ({ type, text }) {
  // 1. 使用createVNode方法把message组件生成虚拟dom并且传入prop参数
  const VNode = createVNode(
    Message_,
    {
      type,
      text
    }
  )
  // 2.render渲染成真实的dom
  const container = document.createElement('div')
  document.body.appendChild(container)
  // 3.准备好container和虚拟dom调用render生成真实dom完成渲染
  render(VNode, container)
  // 4.延时删除
  setTimeout(() => {
    render(null, container)
  }, 1200)
}

export default Message
